<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>混凝土生产信息数据平台</title>
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/css.css">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zcircleMove.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/HappyImage.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="wrap">
		<!-- header -->
		<div class="header">
			<div class="title">
				混凝土生产信息数据平台
			</div>
			<div class="head-l clearfix">
				<img src="img/logo.png" alt="" class="cbtn">
				 <p><button type="button" onclick="full()">全屏</button></p>
			</div>
			<div class="head-r clearfix">
				<div class="time">
					<p class="riqi" id="riqi">2020 年 3 月 27 日 周五</p>
					<p class="shijian" id="shijian">12:00:00</p>
				</div>
			</div>
		</div>
		<div class="main clearfix">
			<!-- 左侧 -->
			<div class="main-l">
				<div class="box box1">
					<div class="title"><img src="img/set.png" alt="">今日生产方量</div>
					<div class="content">
						<div id="echart1" style="width: 100%;  height: 100%;"></div>
						<div class="e-tit">总数<br><span class="total1">200</span></div>
					</div>
				</div>
				<div class="box box2">
					<div class="title"><img src="img/tongji.png" alt="">生产线统计</div>
					<div class="content">
						<div class="carousel-img" id="banner">
							<ul class="clearlist slides tongji1"></ul>
						</div>
					</div>
				</div>
				<div class="box box3">
					<div class="title"><img src="img/hgl.png" alt="">生产线合格率</div>
					<div class="content">
						<div class="carousel-img" id="banner2" style="height: 165px;">
							<ul class="clearlist slides tongji2"></ul>
						</div>
					</div>
				</div>
				<div class="box box4">
					<div class="title"><img src="img/xiaolv.png" alt="">设备生产效率统计</div>
					<div class="content">
						<div class="carousel-img" id="banner3" style="height: 165px;">
							<ul class="clearlist slides tongji3"></ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 中间 -->
			<div class="main-c">
				<div class="box box1">
					<div class="title"><img src="img/qs.png" alt="">近30天产量趋势</div>
					<div class="content">
						<div class="nav1">
							<span class="on">月总数</span>
							<span>年总数</span>
						</div>
						<div id="echart4" style="width: 100%;  height: 278px;"></div>
					</div>
				</div>
				<div class="box box2">
					<div class="title"><img src="img/info.png" alt="">今日任务信息</div>
					<div class="content table1">
						<div class="th"></div>
						<div class="list">
							<ul class="scroll4"></ul>
						</div>
						
					</div>
				</div>
				<div class="box box3">
					<div class="title"><img src="img/hetong.png" alt="">今日新增合同（任务）信息</div>
					<div class="content table2">
						<div class="th"></div>
						<div class="list">
							<ul class="scroll1"></ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 右侧 -->
			<div class="main-r">
				<div class="box box1">
					<div class="title title1 clearfix">
						<p><img src="img/jiankong.png" alt="">原材料库存监控</p>
						<p>单位：吨</p>
					</div>
					<div class="content">
						<div id="echart2" style="width: 100%;  height: 100%;"></div>
					</div>
				</div>
				<div class="box box2">
					<div class="title title1 clearfix">
						<p><img src="img/jinliao.png" alt="">原材料进料统计</p>
						<p>单位：吨</p>
					</div>
					<div class="content">
						<div class="nav">
							<span class="on">本日</span>
							<span>本月</span>
							<span>本年</span>
						</div>
						<div id="echart3" style="width: 100%;  height: 175px;"></div>
					</div>
				</div>
				<div class="box box3">
					<div class="title title1 clearfix">
						<p><img src="img/yujing.png" alt="">原材料库存预警</p>
						<p>单位：吨</p>
					</div>
					<div class="content table3">
						<div class="th"></div>
						<div class="list">
							<ul class="scroll2"></ul>
						</div>
					</div>
				</div>
				<div class="box box4">
					<div class="title"><img src="img/kucun.png" alt="">原材料库存统计</div>
					<div class="content table4">
						<div class="list clearfix">
							<div class="left"></div>
							<div class="right">
								<div class="inner scroll3">
									<ul>
										<li class="th lis1"></li>
										<li class="lis2"></li>
										<li class="lis3"></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
	
	<!-- echarts库 -->
	<script type="text/javascript" src="js/echarts.js"></script>
	<script src="js/circleChart.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>